<script type="text/javascript" src="<?php echo $config_url; ?>catalog/view/javascript/jquery/homeslidershow.js"></script>

<style type="text/css" media="screen">
#slider-wrapper{margin-bottom:10px;}
#slider {position:relative;width:<?php echo $width; ?>px;height:<?php echo $height; ?>px;background:url(image/data/homeslideshow/loading.gif) no-repeat 50% 50%;}
#slider img {position:absolute;top:0px;left:0px;display:none;}
#slider a {border:0;display:block;}
.nivo-controlNav {position:absolute;right:0;top:-25px;}
.nivo-controlNav a{display:block;width:22px;height:22px;background:url(image/data/homeslideshow/bullets.png) no-repeat;text-indent:-9999px;border:0;margin-right:3px;float:left;position:relative;z-index:99;cursor:pointer;}
.nivo-controlNav a.active {background-position:0 -22px;font-weight:bold;}
.nivo-directionNav a{display:block;width:30px;height:30px;background:url(image/data/homeslideshow/arrows.png) no-repeat;text-indent:-9999px;border:0;position:absolute;top:45%;z-index:99;cursor:pointer;}
a.nivo-nextNav {background-position:-30px 0;right:15px;}
a.nivo-prevNav {left:15px;}
.nivoSlider {position:relative;}
.nivoSlider img {position:absolute;top:0px;left:0px;}
.nivoSlider a.nivo-imageLink {position:absolute;top:0px;left:0px;width:100%;height:100%;border:0;padding:0;margin:0;z-index:60;display:none;}
.nivo-slice {display:block;position:absolute;z-index:50;height:100%;}
.nivo-caption {position:absolute;left:0px;bottom:0px;background:#000;color:#fff;opacity:0.8;width:100%;z-index:89;text-shadow:none;font-family: Helvetica, Arial, sans-serif;}
.nivo-caption p {padding:5px;margin:0;}
.nivo-caption a {display:inline !important;color:#efe9d1;text-decoration:underline;}
.nivo-html-caption {display:none;}
.nivo-prevNav {left:0px;}
.nivo-nextNav {right:0px;}
</style>

<div id="slider-wrapper">      
            <div id="slider" class="nivoSlider">
<?php 
	foreach($slide_images as $key=>$slide_image){ 
				$img_arr = preg_split("[/.]",$slide_image['file']);
?>
                <a href="<?php echo $slide_image['url']; ?>" target="_blank">
				   <img src="<?php echo $config_url . "image/" . $slide_image['file']; ?>" alt="<?php echo $img_arr[count($img_arr)-2]; ?>" title="<?php echo $slide_image['alt']; ?>" />
				</a>
<?php } ?>				
            </div>
</div>
		
<script type="text/javascript">
    $(window).load(function() {
        $('#slider').nivoSlider({
			animSpeed:<?php echo $speed; ?>,
			pauseTime:<?php echo $delay; ?>,		
			pauseOnHover:<?php echo $pause; ?>
		});
    });
</script>

